<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <!-- 1.表单新增的属性 -->
  <input type="text" placeholder="占位文本" autofocus>

  <select multiple>
    <option value="">苹果</option>
    <option value="">香蕉</option>
    <option value="">句子</option>
  </select>

  <input type="text" autofocus>

  <!-- 2.input的type类型 -->
  <input type="color">
  <input type="date">
  <input type="range" min="0" max="1000">
  <!-- 
    type扩展
    email: 邮箱
    url: 网址
    date: 日期
    time: 时间
    month: 月份
    week: 周
    number: 数字
    range: 范围
    search: 搜索
    color: 颜色
    checkbox: 复选框
    radio: 单选按钮
    file: 文件上传
    submit: 提交按钮
    reset: 重置按钮
    button: 普通按钮
    image: 图片按钮
    hidden: 隐藏域
    password: 密码域
    text: 文本域
    textarea: 文本域
    datalist: 下拉列表
    -->
</body>
</html>